<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;charset=utf-8"%>
<%@ include file="/pub/siteinclud.jsp"%>
<html>
<head>
<title>雅宝路信息网 致力于服务雅宝路人的最大信息网</title>
<meta name="keywords" content="雅宝路 物流 交友 二手货 发货 甩货 免费发布信息"/>
<meta name="description" content="雅宝路信息网，致力于服务雅宝路人的最大信息网。为你提供房产、车辆、招工、兼职、物流等海量雅宝路分类信息"/>
	<script type="text/javascript"
		src="<%=path %>/resources/texiao1/yoxview-init.js"></script>
	<script type="text/javascript"
		src="<%=path %>/resources/js/MSClass.js"></script>
	<script type="text/javascript"
		src="<%=path %>/resources/js/tab.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
	      setimages('0000000500131126552eb','omeiid');
	      setimages('0000000400131126552eb','rihanid');
	      setimages('0000000200131169b3e8d','zhongguoid');
	    });
		function setimages(grpid,divid){
			$.ajax({
				url :"<%=path%>/ext/products/list", //要访问的后台地址
			    data: "currentPage=1&pageSize=50&groupId="+grpid, //要发送的数据
			    type : 'POST', //使用get方法访问后台
			    dataType : 'json', //返回json格式的数据
			    async:false,
			    success : function(data){
		   			var rows = data.recordList; 
			    	var aa="<li><div class='yoxview"+grpid+"'>";
			    	var j=0;
			    	$.each(rows, function(i, n){
			    		j++;
			    		if(i<10){
			    			aa+="<a href='<%=request.getContextPath() %>/site/${SiteAccessPath}/"+n.picpath+"'><img src='<%=request.getContextPath() %>/site/${SiteAccessPath}/"+n.picpath+"' title='"+n.introduction+"' width='184' height='205'/></a>";
			    		}else{
			    			aa+="<div style='display: none;'><a href='<%=request.getContextPath() %>/site/${SiteAccessPath}/"+n.picpath+"'><IMG src='<%=request.getContextPath() %>/site/${SiteAccessPath}/"+n.picpath+"' width='184' title='"+n.introduction+"' height='205'/></a></div>";
			    		}
			        });
			    	$("#"+divid).html(aa+"</div></li>");
	        		$(".yoxview"+grpid).yoxview();
			    }
			});
		}
	</script>
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/site/${SiteAccessPath}/css/css.css"
	type="text/css"/>
<link rel="stylesheet"
	href="<%=request.getContextPath() %>/site/${SiteAccessPath}/css/global.css"
	type="text/css"/>
<style type="text/css">

.TabBaoADArea {
	BORDER-BOTTOM: #3a404d 1px solid; POSITION: relative; BORDER-LEFT: #3a404d 1px solid; BACKGROUND-COLOR: #f8f8f8; WIDTH: 300px; HEIGHT: 215px; BORDER-TOP: #3a404d 1px solid; BORDER-RIGHT: #3a404d 1px solid
}
.TaoBaoNav {
	POSITION: absolute; WIDTH: 52px; HEIGHT: 208px; OVERFLOW: hidden; TOP: 3px
}
.TaoBaoNav UL LI {
	BORDER-BOTTOM: #cccccc 2px solid; TEXT-ALIGN: center; BORDER-LEFT: #cccccc 2px solid; LINE-HEIGHT: 21px; BACKGROUND-COLOR: #ffffff; MARGIN: 2px; WIDTH: 44px; FLOAT: left; HEIGHT: 22px; BORDER-TOP: #cccccc 2px solid; BORDER-RIGHT: #cccccc 2px solid
}
.TaoBaoNav UL LI A {
	COLOR: #404040
}
.TaoBaoNav UL LI.active {
	BACKGROUND-COLOR: #ff6600
}
.TaoBaoNav UL LI.active A {
	COLOR: #fff; FONT-WEIGHT: bold
}
.TabBaoADArea img {
	border:none;
}
#TaoBaoADTabBox {
	POSITION: absolute; WIDTH: 184px; HEIGHT: 205px; OVERFLOW: hidden; TOP: 5px; LEFT: 56px
}
#TaoBaoADTabBox LI {
	WIDTH: 184px; HEIGHT: 205px; OVERFLOW: hidden
}
</style>
<script type="text/javascript"
	src="<%=path %>/resources/js/shouye.js"></script>
</head>

<body>
<%@ include file="header.jsp" %>

<div class="position">
	您的位置：<a href="index">首页</a> &gt; 图片库
</div>
<div class="pro_class">
	<div class="pro_classl left">
    	<div class="classTitle"><h2>图片分类</h2></div>
        <ul>
        	<li><b>伦敦</b><br />
            <a href="#">有活力！7.19韩国东大</a> | <a href="#"><a href="#">有活力！7.19韩国东大</a> | <a href="#">有活力！7.19韩国东大</a> | <a href="#">有活力！7.19韩国东大</a> | <a href="#">有活力！7.19韩国东大</a> | <a href="#">有活力！7.19韩国东大/棉服</a> | <a href="#">裘皮有活力！7.19韩国东大皮革</a> | <a href="#">裤子</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">牛仔</a> | <a href="#">运动</a></li>
           <li><b>伦敦</b><br />
            <a href="#">T恤</a> | <a href="#"><a href="#">衬衫</a> | <a href="#">外套</a> | <a href="#">毛衫</a> | <a href="#">风衣</a> | <a href="#">羽绒/棉服</a> | <a href="#">裘皮&皮革</a> | <a href="#">裤子</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">牛仔</a> | <a href="#">运动</a></li>
            <li><b>伦敦</b><br />
            <a href="#">T恤</a> | <a href="#"><a href="#">衬衫</a> | <a href="#">外套</a> | <a href="#">毛衫</a> | <a href="#">风衣</a> | <a href="#">羽绒/棉服</a> | <a href="#">裘皮&皮革</a> | <a href="#">裤子</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">牛仔</a> | <a href="#">运动</a></li>
            <li><b>伦敦</b><br />
            <a href="#">T恤</a> | <a href="#"><a href="#">衬衫</a> | <a href="#">外套</a> | <a href="#">毛衫</a> | <a href="#">风衣</a> | <a href="#">羽绒/棉服</a> | <a href="#">裘皮&皮革</a> | <a href="#">裤子</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">牛仔</a> | <a href="#">运动</a></li>
            <li><b>伦敦</b><br />
            <a href="#">T恤</a> | <a href="#"><a href="#">衬衫</a> | <a href="#">外套</a> | <a href="#">毛衫</a> | <a href="#">风衣</a> | <a href="#">羽绒/棉服</a> | <a href="#">裘皮&皮革</a> | <a href="#">裤子</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">牛仔</a> | <a href="#">运动</a></li>
            <li><b>伦敦</b><br />
            <a href="#">T恤</a> | <a href="#"><a href="#">衬衫</a> | <a href="#">外套</a> | <a href="#">毛衫</a> | <a href="#">风衣</a> | <a href="#">羽绒/棉服</a> | <a href="#">裘皮&皮革</a> | <a href="#">裤子</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">牛仔</a> | <a href="#">运动</a></li>
            <li><b>伦敦</b><br />
            <a href="#">T恤</a> | <a href="#"><a href="#">衬衫</a> | <a href="#">外套</a> | <a href="#">毛衫</a> | <a href="#">风衣</a> | <a href="#">羽绒/棉服</a> | <a href="#">裘皮&皮革</a> | <a href="#">裤子</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">牛仔</a> | <a href="#">运动</a></li>
            <li><b>伦敦</b><br />
            <a href="#">T恤</a> | <a href="#"><a href="#">衬衫</a> | <a href="#">外套</a> | <a href="#">毛衫</a> | <a href="#">风衣</a> | <a href="#">羽绒/棉服</a> | <a href="#">裘皮&皮革</a> | <a href="#">裤子</a> | <a href="#">半裙</a> | <a href="#">连衣裙</a> | <a href="#">牛仔</a> | <a href="#">运动</a></li>
        </ul>
    </div>
    <div class="pro_classr right">
    	<div class="classrTitle"><a href="#">伦敦</a> &gt; <a href="#" class="ybl_title1">T恤</a></div>
        <ul>
        	<li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
            <li><a href="#"><img src="images/class_pic.jpg" width="165" height="178" /></a> <a href="#">有活力！7.19韩国东大门新款女式背心实拍 </a></li>
        </ul>
        <div style="clear:both"></div>
        <span style="width:738px; height:1px; display:block; margin:10px;"></span>
        <div class="class_next"><a href="#">上一页</a><span><a href="#">1</a></span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a><a href="#">8</a><a href="#">9</a><a href="#">下一页</a></div>
  </div>
    <div style="clear:both"></div>
</div>
<%@ include file="footer.jsp" %>
<script type="text/javascript">
</script>
</body>

</html>